<template>
  <van-nav-bar :title="title" class="top-bar" fixed>
    <template #title><slot name="title"></slot></template>
    <template #left><slot name="left"></slot></template>
  </van-nav-bar>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {
    title: {
      type: String,
    },
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  methods: {},
}
</script>

<style scoped lang="less">
.top-bar {
  // position: fixed;
  // top: 0;
  // left: 0;
  // width: 100vw;
  // height: 45px;
  background-color: #3296fa;
  z-index: 99;
}
</style>
